<!DOCTYPE html>
<html lang="zh-CN">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
            content="width=device-width,initial-scale=1.0,maximum-scale=2.0,minimum-scale=1.0,user-scalable=no">
        <title>首页</title>
        <link rel="icon" type="image/x-icon" href="/.icon/神里凌华.jpg">
        <!-- 共通样式 -->
        <link rel="stylesheet" href="/.script/common.css">
        <link rel="stylesheet" href="/.script/bootstrap.min.css">
        <!-- 共通脚本 -->
        <script src="/.script/common.js"></script>
        <script src="/.script/LinkCard.js"></script>
        <script src="/.script/jquery.min.js"></script>
        <script src="/.script/popper.min.js"></script>
        <script src="/.script/bootstrap.min.js"></script>
    </head>

    <body>
        <div id="app">
            <!-- 导航栏 -->
            <div class="glass-container">
                <header>
                    <h1 id="pageTitle">首页</h1>
                </header>

                <nav>
                    <ul>
                        <li><a href="#home" class="nav-link">首页</a></li>
                        <li><a href="#ComicStrip" class="nav-link">漫画</a></li>
                        <li><a href="#about" class="nav-link">关于我们</a></li>
                        <li><a href="#help" class="nav-link">帮助</a></li>
                        <li><a href="mailto:1@123.com" class="nav-link">联系邮箱</a></li>
                    </ul>
                </nav>
            </div>

            <!-- 所有页面容器 -->
            <div id="pageContainer">
                <!-- 首页 -->
                <div class="page active" id="homePage">
                    <div class="content-wrapper">
                        <div class="link-grid first-row" id="homeFirstRow"></div>
                        <div class="link-grid" id="homeOtherRows"></div>
                    </div>
                </div>

                <!-- 帮助页 -->
                <div class="page" id="helpPage">
                    <div class="content-wrapper">
                        <p>此页面现已作废。</p>
                    </div>
                </div>

                <!-- 关于页 -->
                <div class="page" id="aboutPage">
                    <div class="content-wrapper">
                        <p>网页制作：<b>光 · 影</b></p>
                    </div>
                </div>

                <div id="cursor-glow"></div>

                <footer>
                    <p>© 2023 版权所有</p>
                </footer>
            </div>
    </body>

</html>
